Forms

Inserting a Form

Use color swatches to showcase colors used for a particular project. Color swatches can be display along with a title and hex values.


Step 1: Switch To Backend Editor

To insert a color swatch, start by clicking the button "Backend Editor" button then click the "+"(Add Element) button, for example:

VC Editor Backend

Step 2: Select Feature Columns

Click "Color Swatch" in the Visual Composer Modal to insert a color swatch, for example:

Color Swatch

Step 3: Set Color Swatch Alignment

Once the color swatche element has been inserted click the Edit Link(pen icon) of the color swatch wrapper, for example:

Color Swatch Settings

Here is an overview of available color swatch options:

  • Swatch List Alignment

    Whether color swatches should be left, center or right aligned.

  • Extra Class Name

    If you wish to style this component differently, then use the extra class name field to add one or several class names and then refer to it in your css file.


Step 4: Add Content
								
									
[text* name placeholder "Name"]
[email* email placeholder "Email"]
[select* select-project-budget class:select "Select" "$1000" "$2000" "$3000+"]
[text* subject placeholder "Subject"]
[radio radio-site default:1 "I need a new site" "I need my site reworked"]
[tel telephone placeholder "Telephone"]
[number number min:0 max:10 placeholder "0"]
[file file-896 limit:2000 filetypes:jpg]
[date date placeholder "date"]
[textarea* message placeholder "Message"]
[checkbox* newsletter "Subscribe to our newsletter"] [submit "Send"]

Can't find what you're looking for? Submit a request in our forum.